<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="text/javascript" class="autoinsert" src="../js/jquery-2.2.0.min.js"></script>
		<!-- 导入背景图片 -->
		<link rel="stylesheet" href="../css/font_index_background.css">
		<link rel="stylesheet" href="../css/font_top.css">
		<link rel="shortcut icon" href="../img/icon.jpg">
		<title>基于深度学习的道路能见度监测预警系统</title>
	</head>
	<body>
		<div class='head' id="top" style="z-index: 999"></div>
		<script type="text/javascript" src="../js/echarts/echarts.min.js"></script>
		<div class="background" style="position: relative;" id="app">
			<!-- 饼图折线图联动显示 -->
			<div style="height: 700px;width: 1000px;margin-top: 6%;margin-left: 18%;position: absolute;">
				<div id="container_two" style="height: 100%"></div>
			</div>
			<!-- 结束 -->
		</div>
		<script>
			$("#top").load("./top.html");
		</script>
		<!-- 引入vue -->
<!--		<script type="text/javascript" src="../js/vue.js"></script>-->
<!--		<script src="../js/axios.min.js"></script>-->
		<!-- 导入背景图片 -->
		<script type="text/javascript" src='../js/TweenMax.min.js'></script>
		<script type="text/javascript" src="../js/font_index_background.js"></script>
		<!-- 饼图折线图联动显示 -->
		<script type="text/javascript" src="../js/font_index_two.js"></script>
	</body>
</html>
